<!DOCTYPE html>
<html lang="ch">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>学生信息表</title>
    <link rel="stylesheet" href="/css/layui.css">
    <link rel="stylesheet" href="/css/dp01.css">
<style>

</style>
</head>

<body>
<div class="container">
    <div class="layui-row">
        <h1>学生信息表</h1>
    </div>
    <div class="layui-row">
        <div class="layui-col-xs12 toolbar">
            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal" onclick="showStudentDlg();return false;">
                <i class="layui-icon layui-icon-addition" ></i>
            </button>
            <button type="button" class="layui-btn layui-btn-sm layui-btn-normal layui-bg-red"
                    onclick="deleteConfirm();"style="float:right;">
                <i class="layui-icon layui-icon-delete" ></i>
            </button>
        </div>
    </div>
    <div class="layui-row">
        <div class="queryBox">
            <form action="" class="layui-form" id="queryForm">
                <ul class="query-inline">

                    <li class="layui-input-group">
                        <div class="layui-input-prefix">
                            学号
                        </div>
                        <input type="text"placeholder="学号"class="layui-input"name="sno">
                    </li>
                    <li class="layui-input-group">
                        <div class="layui-input-prefix">
                            姓名
                        </div>
                        <input type="text"placeholder="姓名"class="layui-input"name="name">
                    </li>
                    <li class="layui-input-group">
                        <div class="layui-input-prefix">
                            年龄
                        </div>
                        <input type="text"placeholder="年龄"class="layui-input"name="age">
                    </li>
                    <li class="layui-input-group">
                        <div class="layui-input-prefix">
                            性别
                        </div>
                        <select name="sex">
                            <option value="">请选择</option>
                            <option value="1">男</option>
                            <option value="2">女</option>
                        </select>
                    </li>
                    <li class="layui-input-group">
                        <button id="queryButton" type="Button" class="layui-btn layui-btn-normal" onclick="search();return false" style="margin-left: 20px">查询
                        </button>
                    </li>
                </ul>
            </form>
        </div>
    </div>

    <div class="layui-row">
        <div class = "layui-col-xs12">
            <table class="layui-hide" id="tbStudent" lay-filter="tbStudent"></table>
        </div>
    </div>
</div>

<script type="text/html" id ='editTemplate'>
    <div class = "layui-clear-space">
        <a class = "layui-btn layui-btn-xs" lay-event="edit">编辑</a>
    </div>
</script>
<form class="layui-form dlgcontainer" id="studForm"style="display: none">
    <div class="demo-reg-container">
        <div class="layui-form-item" id = "formId">
            <div class="layui-row">
                <div class="layui-col-xs12">
                    <div class="layui-input-wrap">
                        <div class="layui-input-prefix">
                            <i class="layui-icon layui-icon-cellphone"></i>
                        </div>
                        <input type="text" name="id" value=""  placeholder="id" lay-reqtext="请填写id" autocomplete="off" class="layui-input" id="id">
                    </div>
                </div>

            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix">
                    <i class="layui-icon layui-icon-vercode"></i>
                </div>
                <input type="text" name="name" value="" lay-verify="required" placeholder="姓名" lay-reqtext="请填写姓名" autocomplete="off" class="layui-input">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <label class="layui-form-label">性别</label>
                <div class="layui-input-block">
                    <input type="radio" name="sex" value="1" title="男" checked>
                    <input type="radio" name="sex" value="2" title="女">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix">
                    <i class="layui-icon layui-icon-username"></i>
                </div>
                <input type="text" name="age" value=""  placeholder="年龄" autocomplete="off" class="layui-input" lay-affix="clear">
            </div>
        </div>
        <div class="layui-form-item">
            <div class="layui-input-wrap">
                <div class="layui-input-prefix">
                    <i class="layui-icon layui-icon-username"></i>
                </div>
                <input type="text" name="sno" value=""  placeholder="学号" autocomplete="off" class="layui-input" lay-affix="clear">
            </div>
        </div>

        <div class="layui-form-item">
            <button id="btnOK" class="layui-btn layui-btn-fluid" lay-submit lay-filter="stud-dlg">确定提交</button>
        </div>

    </div>
</form>

<script src="/js/jquery-3.7.1.min.js"></script>
<script src="/js/layui.js"></script>
<script src="/pagejs/dp01.js"></script>
</body>

</html>